<div id="contenedor" class="container">  
    <div class="row-fluid">
        <div class="row-fluid">
            <ul  class="span12 breadcrumb alingCenter">
                <li><b>Venta de productos</b></li>
            </ul>
        </div>
    </div>
    <div class="row-fluid">
        <div class="span4">
            <div class="row-fluid">
                <ul id="headBusquedaClientes" class="span12 breadcrumb alingCenter">
                    <li><b>Buscar </b></li>
                </ul>
            </div>
            <div class="row-fluid">
                <form id="formularioBusquedaClientes">
                    <div class="row-fluid">
                        <div class="span4">
                            Desde
                        </div>
                        <div class="span7">
                            <div class="input-prepend">
                                <span class="add-on"><i class="icon-calendar"></i></span>
                                <input type="text" id="buscar-nacimiento1" class="datePicker input-small search-cambiar"> 
                            </div>
                        </div>
                    </div>
                    <div class="row-fluid">
                        <div class="span4">
                            Hasta
                        </div>
                        <div class="span7">
                            <div class="input-prepend">
                                <span class="add-on"><i class="icon-calendar"></i></span>
                                <input type="text" id="buscar-nacimiento2" class="datePicker input-small search-cambiar"> 
                            </div>
                        </div>
                    </div>                   
                    <div class="row-fluid">
                        <hr>             
                    </div>
                    <div class="row-fluid">
                        <div class="span4">
                            Categoría
                        </div>
                        <div class="span7">
                            <select  id="select-categoria" class="span12 search-cambiar" >                               
                                <option value="-1">Seleccion la categoria</option>
                                <option value="-1">Todas</option>
                                <?php foreach ($categorias as $categoria) { ?>
                                    <option value="<?php echo $categoria->id_categoria_producto ?>"><?php echo $categoria->nombre ?></option>
                                <?php } ?>

                            </select>
                        </div>
                    </div>
                    <div class="row-fluid">
                        <div class="span4">
                            Producto
                        </div>
                        <div class="span7">
                            <select  id="combo-productos" class="span12 search-cambiar" >
                                <option value="-1">Seleccione el producto</option>
                            </select>
                        </div>
                    </div>
                    <div class="row-fluid">
                        <div class="span4">
                            Tipo
                        </div>
                        <div class="span7">
                            <select  id="buscar-tipo" class="span12 search-cambiar" >
                                <option value="-1"></option>
                                <option value="1">Consumo en hospedaje </option>
                                <option value="2">Extra</option>

                            </select>
                        </div>
                    </div>
                    <div class="row-fluid hide">
                        <hr>
                        <div class="span6 offset3">
                            <button type="button" id="btn-buscar" class="btn btn-inverse">Buscar</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
        <div class="span8">
            <div class="row-fluid">
                <ul  class="span12 breadcrumb alingCenter">
                    <li><b>Historial de ventas</b></li>
                </ul>
            </div>
            <div class="row-fluid">
                <div class="span12">
                    <a href="#modalAgregarNuevaVenta" id="registerVenta"class="btn btn-primary" type="button" data-toggle="modal"> Registrar venta</a>
                    <a href="#modalExportarVentaProductos" class="btn btn-success" type="button" data-toggle="modal">Exportar</a>


                </div>   

                <div class="row-fluid">
                    <table class="table table-striped">
                        <thead>
                            <tr>
                                <th>Id venta</th>
                                <th>Fecha</th>
                                <th>Cliente</th>
                                <th>Total</th>
                                <th>Tipo</th>
                                <th>Usuario</th>
                            </tr>
                        </thead>
                        <tbody id="lista-productos-ventas" data-pagina="1">
                        </tbody>
                    </table>
                </div>
                <div class="row-fluid">
                    <div class="pagination pull-right" id="pagination">
                       
                    </div>
                </div>
            </div>
        </div>
    </div>  
</div>




<!-- Modal Crear venta -->
<div id="modalAgregarNuevaVenta" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <form name="frm" id="formCrearReserva" class="formBlockDisplay"  action="ventasProductos_/nuevaVentaPersona" method="post" autocomplete="off">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
            <h3 id="myModalLabel">Registrar una venta <span id="nombreHabitacion"></span></h3>
        </div>
        <div class="modal-body">           
            <input id="quien" name="quien" value="persona" readonly="readonly" type="hidden">            
            <input id="idReservaCliente" name="idReservaCliente"  readonly="readonly" type="hidden">            
            <div id="botonesQuienPaga" class="row-fluid"> 
                <div class="span4">
                    <br>
                    <b><div id="resultadoAjax"></div></b>
                </div>
                <div class="span4 alingCenter">
                    <label><b>Titular</b></label>
                    <div class="btn-group" data-toggle="buttons-radio">
                        <button id="buttonDatosPersona" type="button" class="btn btn-inverse active">Persona</button>
                        <button id="buttonDatosEmpresa" type="button" class="btn btn-inverse">Empresa</button>
                    </div>
                </div>
            </div>
            <div id="formQuienPaga">
                <input id="idCliente" name="idCliente" readonly="readonly" type="hidden">
                <div id="datosPersona">
                    <div class="row-fluid">
                        <div class="span3">
                            <span>Nacionalidad:</span>
                            <select id="nacionalidad" name="nacionalidad" class="requeridoPersona preservar">
                                <option></option>
                                <?php foreach ($paises as $pais) { ?>
                                    <option value="<?php echo $pais->id_pais ?>"><?php echo $pais->nombre ?></option>
                                <?php } ?>
                            </select>
                        </div> 
                        <div class="span3">
                            <span>Documento:</span>
                            <input id="documento" name="documento" class="requeridoPersona preservar" type="text">
                        </div> 
                        <div class="span3">
                            <span>Tipo de documento:</span>
                            <a class='pull-right editar hide'>Editar</a>
                            <select id="tipoDocumento" name="tipoDocumento" class="requeridoPersona" >
                                <option value="">Seleccionar...</option>
                                <?php foreach ($documentos as $row) { ?>
                                    <option value="<?php echo $row->id_documento; ?>"><?php echo $row->nombre; ?></option>
                                <?php } ?>
                            </select> 
                        </div> 
                        <div class="span3">
                            <span>Nombre:</span><a class='pull-right editar hide'>Editar</a>
                            <input id="nombre" name="nombre" class="requeridoPersona" type="text">
                        </div> 
                    </div>
                    <div class="row-fluid">
                        <div class="span3">
                            <span>Apellido:</span><a class='pull-right editar hide'>Editar</a>
                            <input id="apellido" name="apellido" class="requeridoPersona" type="text">
                        </div> 
                        <div class="span3">
                            <span>Genero:</span><a class='pull-right editar hide'>Editar</a>
                            <select id="genero" name="genero" class="requeridoPersona">
                                <option value="">Seleccionar...</option>
                                <option value="f">Femenino</option>
                                <option value="m">Masculino</option>
                            </select>
                        </div> 
                        <div class="span3">
                            <span>Fecha de nacimiento:</span><a id="editarFechaNacimieno" class='pull-right editar hide'>Editar</a>
                            <input id="fechaNacimiento" name="fechaNacimiento" class="requeridoPersona" type="text" placeholder="dd/mm/yyyy">
                            <span id="ayudaFechaNacimiento" class="colorRed hide">Formato de fecha inválido</span>
                        </div> 
                        <div class="span3">
                            <span>Teléfono:</span><a class='pull-right editar hide'>Editar</a>
                            <input id="telefono" name="telefono" class="requeridoPersona" type="text">
                        </div> 
                    </div>
                    <div class="row-fluid">
                        <div class="span3">
                            <span>E-mail:</span><a class='pull-right editar hide'>Editar</a>
                            <input id="email" name="email" type="text">
                        </div> 
                        <div class="span3">
                            <span>Ocupación:</span><a class='pull-right editar hide'>Editar</a>
                            <input id="ocupacion" name="ocupacion" type="text">
                        </div> 
                        <div class="span3">
                            <span>Estado civil</span><a class='pull-right editar hide'>Editar</a>
                            <select id="idEstadoCivil" name="idEstadoCivil">
                                <option value="">Seleccionar...</option>
                                <?php foreach ($estados_civiles as $row) { ?>
                                    <option value="<?php echo $row->id_estado_civil; ?>"><?php echo $row->nombre; ?></option>
                                <?php } ?>
                            </select>
                        </div> 
                        <div class="span3">

                        </div>
                    </div>

                </div>
                <div id="datosEmpresa" class="hide">
                    <div class="row-fluid">
                        <div class="span3">
                            <span>País:</span>
                            <a class='pull-right editar hide'>Editar</a>
                            <select id="paisEmpresa" name="paisEmpresa" class="requeridoEmpresa preservar">
                                <option></option>
                                <?php foreach ($paises as $pais) { ?>
                                    <option value="<?php echo $pais->id_pais ?>"><?php echo $pais->nombre ?></option>
                                <?php } ?>
                            </select>
                        </div> 
                        <div class="span3">
                            <span>Identificación:</span>
                            <input  id="identificacionEmpresa" name="identificacionEmpresa" class="requeridoEmpresa preservar" type="text">
                        </div> 
                        <div class="span3">
                            <span>Nombre</span>
                            <a class='pull-right editar hide'>Editar</a>
                            <input id="nombreEmpresa" name="nombreEmpresa" class="requeridoEmpresa" type="text">
                        </div> 
                        <div class="span3">
                            <span>Teléfono</span>
                            <a class='pull-right editar hide'>Editar</a>
                            <input id="telefonoEmpresa" name="telefonoEmpresa" class="requeridoEmpresa soloNumeros" type="text">
                        </div> 
                    </div>
                    <div class="row-fluid">
                        <div class="span3">
                            <span>Dirección:</span>
                            <a class='pull-right editar hide'>Editar</a>
                            <input id="direccionEmpresa" name="direccionEmpresa" class="requeridoEmpresa" type="text">
                        </div> 
                        <div class="span3">
                            <span>E-mail:</span>
                            <a class='pull-right editar hide'>Editar</a>
                            <input  id="emailEmpresa" name="emailEmpresa" class="requeridoEmpresa" type="text">
                        </div> 
                    </div>
                </div>


                <!-- lo de productos -->
                <div class="row-fluid"> 
                    <div class="row-fluid">
                        <div class="span8">
                            <label class="">Seleccionar Producto</label>  
                        </div>
                        <div class="span4">
                            <label class="">Cargos totales</label>  
                        </div>
                    </div>
                    <div class="span8" id="formularioVentaProductosMovimientos">
                        <div class="row-fluid">
                            <div class="span4">
                                <label class="">Categoria</label>                            
                                <select name="categoriaProducto" id="selected-categoria-modal" >
                                    <option value="-1">Seleccion la categoria</option>
                                    <?php foreach ($categoriasConInventario as $categoria) { ?>
                                        <option value="<?php echo $categoria->id_categoria_producto ?>"><?php echo $categoria->nombre ?></option>
                                    <?php } ?>
                                </select>    
                            </div>
                            <div class="span4">
                                <label class="" id="labelProducto">Producto</label><span id='ayudaCantidad'></span>                            
                                <select name="tipo-documento" id="selected-producto-modal" >
                                    <option value="-1">Seleccione el producto</option>                                            
                                </select>    
                            </div>
                            <div class="span2">
                                <label class="">Cantidad</label>                            
                                <input class="input-small" name="cantidad" id="cantidad-producto-modal" class="requeridoPersona" type="text" >    
                            </div>
                            <div class="span2">
                                <label class="">Agregar</label>                            
                                <button type="button" class="btn btn-inverse" id="agregarProductoAVenta">+</button>    
                            </div>
                        </div>
                        <div class="row-fluid">
                        </div>
                        <div class="row-fluid">
                            <table class="table table-striped">
                                <thead>
                                    <tr>
                                        <th>Producto</th>
                                        <th>Cantidad</th>
                                        <th>Precio Unitario</th>
                                        <th>SubTotal</th>                                                
                                    </tr>
                                </thead>
                                <tbody id="lista-productos-modal" data-pagina="1">
                                </tbody>
                            </table>
                        </div>
                        <div class="row-fluid">
                            <div class="span12" >
                                <td><input readonly='readonly' class="Sinbordes" value=" $0 " id="sumaSubtotal" />
                            </div>
                        </div>

                    </div>
                    <div class="span4" id="formularioVentaProductosMovimientos2">                        
                        <div class="row-fluid">
                            <div class="span4">
                                <label class="">Subtotal</label> 
                            </div>
                            <div class="span8">
                                <div class="input-prepend">
                                    <span class="add-on"><?php foreach ($simboloMoneda as $simbolo) { ?>
                                    <?php echo $simbolo->simbolo ?>
                                <?php } ?></span>
                                    <input class="input-medium requeridoPersona " disabled="" id="sumaSubtotalCargos" type="text"  >
                                </div>  
                            </div>
                        </div>
                        <div class="row-fluid">
                            <div class="span4">
                                <label class="">Descuentos</label> 
                            </div>
                            <div class="span8">
                                <div class="input-prepend">
                                    <span class="add-on"><?php foreach ($simboloMoneda as $simbolo) { ?>
                                    <?php echo $simbolo->simbolo ?>
                                <?php } ?></span>
                                    <input class="input-medium" name="descuento" id="descuentosAplicados"type="text" placeholder="descuentos">
                                </div>  
                            </div>
                        </div>
                        <div class="row-fluid">
                            <div class="span4">
                                <label class="">Impuestos</label> 
                            </div>
                            <div class="span8">
                                <label class="checkbox">
                                    <?php foreach ($impuestosVenta as $impuestosV) { ?>
                                        <input type="checkbox"  name="chk" id="iva" value="<?php echo $impuestosV->valor ?>"><?php echo $impuestosV->nombre ?>

                                    <?php } ?>
                                    <input type="hidden" id="inpuestoActivo" name="impuestos">
                                </label>  
                            </div>
                        </div>
                        <div class="row-fluid">
                            <div class="span4">
                                <label class="">Total Impuestos</label> 
                            </div>
                            <div class="span8">
                                <div class="input-prepend">
                                    <span class="add-on"><?php foreach ($simboloMoneda as $simbolo) { ?>
                                    <?php echo $simbolo->simbolo ?>
                                <?php } ?></span>
                                    <input class="input-medium" name="totalImpu" type="text" id="totalImpu" >
                                </div>  
                            </div>
                        </div>
                        <div class="row-fluid">
                            <div class="span4">
                                <label class="">TOTAL VENTA</label> 
                            </div>
                            <div class="span8">
                                <div class="input-prepend">
                                    <span class="add-on"><?php foreach ($simboloMoneda as $simbolo) { ?>
                                    <?php echo $simbolo->simbolo ?>
                                <?php } ?></span>
                                    <input class="input-medium" name="totalV" type="text" id="totalFinal" readonly="readonly" class="requeridoPersona">
                                    <input  readonly='readonly' type="hidden" id="auxiliartotal" >
                                </div>  
                            </div>
                        </div>
                        <div class="row-fluid">                                    
                            <div class="span4">
                                <label class="">F. de pago</label>
                            </div>
                            <div class="span8">
                                <select id="modoPagoSelected" class="requeridoPersona"  >
                                    <option value="1">Efectivo</option>
                                    <option value="2">Deposito Bancario</option>
                                    <option value="3">Tarjeta Debito</option>
                                    <option value="4">Tarjeta Crédito</option>
                                </select>
                                <input  name="modo_pago" id="FormaPago" type="hidden" >
                            </div>                                    
                        </div>
                        <div class="row-fluid">
                            <div class="span4">
                                <label class="">Notas</label> 
                            </div>
                            <div class="span8"> 
                                <textarea name="notas"  rows="3" required></textarea>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="modal-footer">
            <a id="cancelarCrearReserva" class="btn" data-dismiss="modal">Cancelar</a>
            <a id="botonFormCrearReserva"  class="btn btn-primary">Gardar venta</a>
        </div>
    </form>
</div>